<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>

    <style>
     #x{
         color: cornflowerblue;    /*设置颜色*/
         font-size: 6em;          /*设置文字大小*/
         position: absolute;      /*绝对定位，页面绝对大小*/
         left: 200px;             /*以页面绝对大小为基准，离左边距离200px*/
         top: 200px;              /*以页面绝对大小为基准，离上边距离200px8*/
         bottom: 200px;
     }
     #y{
         color: rgba(15,135,117,0.78);/*设置颜色*/
     }
     #z{
         text-align: center;          /*让body（页面）里的内容水平居中*/
     }
    </style>
</head>
<body id="z">
    <h1 id="x">覃雪妮是大傻逼</h1>
    <h1 id="y">7488874738</h1>
    <br><br><br>         <!--br标签用于换行，一个br换一行-->
    <input id="j" type="text" placeholder="请输入内容">   <!--输入框标签-->
    <button onclick="go()">提交后端</button>
    <script>
        function go() {
            //第1步 调用ajax
            let inx=document.getElementById("j");
            let ajx=new XMLHttpRequest();
            //第2步 设置请求方式和网址
                            http://192.168.118.121:9876/getWeb?data=665
            ajx.open("GET","http://121.41.58.41:9876/getWeb?data="+inx.value);
            //第3步 异步请求
            ajx.onreadystatechange=function(){
                if(ajx.readyState===4&&ajx.status===200){
                    //获取标签
                    let text1=document.getElementById("x");
                    //显示网络返回的数据
                    text1.innerHTML=ajx.responseText;
                }
            };
            //第4步 提交
            ajx.send();
        }

    </script>
</body>
</html>